<template>
	<view class="container">
		<view class="body">
			<view class="body-top">
				<view class="logo">
					<image :src="$IMG_URL+'/imgs/icons/logo.png'" mode="widthFix"></image>
				</view>
				<view class="app-name">小餐谋品鉴官</view>
				<view class="gzh">
					<text class="t-text">关注我们的微信公众号</text>
					<text>“小餐谋品鉴官”</text>
				</view>
			</view>
			<view class="card-box">
				<!-- <view class="card-box-head u-flex u-col-center">
					我的服务
				</view> -->
				<view class="card-box-body card-box-body-cloumn">
					<view class="list-conten" @tap.stop="jump('/pages/index/richtext?id=20')">
						<view class="list-con-item list-con-left">
							<!-- <uni-icons style="margin-right: 10rpx;" type="staff" color="#ff9000" size="24"></uni-icons> -->
							小餐谋平台商家服务协议
						</view>
						<view class="list-con-item list-con-right">
							查看<uni-icons type="arrowright"></uni-icons>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			jump(url) {
				this.$util.jump(url);
			},
		}
	}
</script>

<style lang="scss">
	.container {
		min-height: 100vh;
		width: 100vw;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: #fff;

		.body {
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: space-between;

			.body-top {
				width: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: space-between;

				.logo {
					width: 400rpx;

					image {
						width: 100%;
						border-radius: 50%;
					}
				}

				.app-name {
					color: #ff9000;
					font-size: 38rpx;
					font-weight: 600;
					margin: 30rpx auto;
				}

				.gzh {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: space-between;
					color: #666;
					font-size: 28rpx;
				}
			}

			.card-box {
				width: 90%;
				min-height: 100rpx;
				margin: 20rpx 5%;
				// padding: 30rpx 0;
				background: #FFF;
				background-size: 100% 100%;
				box-shadow: 0px 7rpx 11rpx 2rpx rgba(213, 175, 97, 0.34);
				border-radius: 30rpx;
				overflow: hidden;
				position: relative;
				z-index: 810;


				&-head {
					color: #888;
					font-size: 30rpx;
					display: flex;
					justify-content: space-between;
					width: 90%;
					margin-left: 5%;
					height: 50rpx;
					align-items: center;
				}

				&-body {
					width: 90%;
					margin: 30rpx 5%;
					display: flex;

					.cb-wallet-item {
						display: flex;
						flex-direction: column;
						flex: 1;

						.cb-wallet-item-num {
							font-size: 40rpx;
							font-weight: 700;
						}

						.cb-wallet-item-tip {
							font-size: 28rpx;
						}
					}
				}

				&-body-cloumn {
					display: flex;
					flex-direction: column;
					align-items: center;
					font-size: 28rpx;
					// margin-top: 44rpx;

					.no-shop-tip {
						color: #888;
						margin-bottom: 20rpx;
					}

					.add-shop {
						color: #ff9000;
						background: #fff;
						border: 1px solid #ff9000;
						border-radius: 37px;
						height: 74rpx;
						line-height: 74rpx;
						width: 180rpx;
						font-size: 28rpx;
					}

					.list-conten {
						display: flex;
						justify-content: space-between;
						width: 100%;
						height: 100rpx;
						align-items: center;
						font-size: 28rpx;
						color: #888;

						.list-con-item {
							display: flex;
							align-items: center;
							font-size: 32rpx;
							font-weight: 600;
							color: #222;
						}

						.list-con-left {}

						.list-con-right {
							color: #888;
							font-size: 28rpx;
							font-weight: 400;
						}
					}
				}

				.recharge {
					height: 60rpx;
					line-height: 60rpx;

					font-weight: 600;
					font-size: 34rpx;
					color: #ff9000;
					text-align: center;

				}
			}
		}
	}
</style>
